/*
 * Copyright 2021 ThoughtWorks, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
 * Structure.css
 * This file contains structure for the application.
 * All universal conponents that don't need page specific namespacing should go below.
 * Examples of things that should go in structure:
 * - setting default html styles
 * - resuable javascript components' default styles
 * - page level messaging
 * - application navigation styles
 *
 * Measurements should all be in "em" unless it is a border.
 * 1em = 12px
 *
 * Quick guide to conversions:
 *      1px = .0833em
 *      2px = .1666em
 *      4px = .25em
 *      5px = .4166em
 *      6px = .5em
 *      10px = .8333em
 *      12px = 1em
 *      14px = 1.1666em
 *      16px = 1.3333em
 *      18px = 1.25em
 */



*{
	font-size:1em;
	line-height:1.167em;
	margin:0;
	padding:0;
    outline: none;
}

body{
    font-size:75%;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

input,
button {
    font-family: Arial, Helvetica, sans-serif;
}

img{
    border: 0;
}
ul{
    float: left;
}
ul.artifacts{
    float: none;
}
li{
	float: left;
	list-style: none;
}
a{
    cursor: pointer;
    color: #1F66BD;
    text-decoration: none;
}
a:hover{
    color: #2980EC;
}

a.tab_button_body_match_text {
    display: none !important;
}

h1, h2, h3, h4 {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
}
h1, h1 strong{
    font-size: 2em;
    font-weight: normal;
}
h2, h2 strong{
    font-size: 2em;
    font-weight: 300;
}
h3, h3 strong{
	font-size:14px;
    margin-bottom:0.5em;
}

pre,
code,
#admin-holder-for-admin-config-source-xml textarea {
    font-family: consolas, monaco, courier;
    font-size: 13px;
}



th{
    text-align: left;
}
.secondary{
    font-size: .9166em;
    color: #555;
    font-weight: normal;
}
.hidden {
    display: none;
}





/*
 * Buttons
 */
button,
a.link_as_button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
    font-weight: normal;
}

button::-moz-focus-inner,
a.link_as_button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button span,
a.link_as_button span {
	position: relative;
	display: block;
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span,
    a.link_as_button span {
		margin-top: -1px;
	}
}

/*shared all buttons*/

button.submit,
button.submit:hover,
button.submit_hover,

a.link_as_button,
a.link_as_button:hover,
a.link_as_button_hover,

button.submit.disabled,
button.submit.disabled:hover,
button.submit.disabled_hover,

a.link_as_button.disabled,
a.link_as_button.disabled:hover,
a.link_as_button_hover.disabled {
    padding: 6px 8px;
	margin-right:5px;
	text-align: center;
    background: #444 image_url('g9/backgrounds/overlay_gradient_button.png') repeat-x bottom left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 10px !important;
    text-transform: uppercase;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}



a.link_as_button {
    float: left;
}


.pipeline_bundle div.pipeline button.submit,
.pipeline_bundle div.pipeline a.link_as_button {

}

button.submit,
a.link_as_button {
	color:#fff;
}

/* pipeline module buttons */



.changes_button_wrapper button.submit,
.operate button.submit,
.deploy button.submit {
    background-color: #f6f6f6;
}

.changes_button_wrapper button.submit span,
.operate button.submit span,
.deploy button.submit span {
    color: #333;
}

.changes_button_wrapper button.submit:hover,
.operate button.submit:hover,
.deploy button.submit:hover {
    background-color: #555;
}

.changes_button_wrapper button.submit:hover span,
.operate button.submit:hover span,
.deploy button.submit:hover span {
    color: #fff;
}



button.submit span,
a.link_as_button span{
    padding: 0;
    color: #fff;
    font-size: 10px !important;
    height: auto;
    background: none;
}

button.submit:hover,
button.submit_hover,
a.link_as_button:hover,
a.link_as_button_hover { /* the redundant class is used to apply the hover state with a script */
    background-color: #666;
	color:#fff;
    height: auto;
}

button.submit:hover span,
button.submit_hover span,
a.link_as_button:hover span,
a.link_as_button_hover span {
    padding: 0;
    color:#fff;
    height: auto;

}


a.save-edit-xml,
button.primary,
a.primary_link_as_button,
a.primary {
    background-color: #3399cc;
}

a.save-edit-xml:hover,
button.primary:hover,
a.primary_link_as_button:hover,
a.primary:hover {
    background-color: #52b3e3;
}



/* add special stuffs when they are in the edit panel */

.edit_panel button.submit,
.edit_panel a.link_as_button
.edit_panel button.submit:hover,
.edit_panel a.link_as_button:hover {
    -moz-box-shadow: inset 0 0 2px #444;
}

#agents_form .edit_panel .new_agent {
float:right;
margin-right: 0;
}

#agents_form .edit_panel .new_agent span {
    padding-left: 16px;
    background-image: image_url('g9/icons/icon_plus.png');
    background-position: 1px 1px;
    background-repeat: no-repeat;
}

#agents_form .edit_panel .new_agent span {
text-transform: uppercase;
}

#agents_form .edit_panel a:hover {
    text-decoration: none;
}

* html button.submit{
    m: expression(this.onmouseover=new Function("this.className = 'submit_hover';"));
}
* html button.submit_hover{
    m: expression(this.onmouseout=new Function("this.className = 'submit';"));
}

* html a.link_as_button{
    width: 0;
}
* html a.link_as_button_hover{
    width: 0;
}
* html a.link_as_button_hover span{
    white-space: nowrap;
    display:inline-block;
    position: relative;
}

button.submit.disabled,
button.submit.disabled:hover {
    cursor: default;
    background-color: #f3f3f3;
}

button.submit.disabled:hover span {
    padding: 0;
	height:auto;
}
button.submit.disabled span,
a.link_as_button.disabled span,
a.link_as_button.disabled span:hover,
a.link_as_button_hover.disabled span
{
	color: #AFAFAF;
}
/* Select Button (drop down) styles */
button.submit span img,
button.submit:hover span img,
button.submit_hover span img {
    position: relative;
    top: -.08333em;
    margin-left: 5px;
    margin-right: -2px;
}

/* these shoudl just be links */

a.xlink_as_button {
    margin-left: 0.5em;
    float: left;
}




/**
 * Notifications
 */
.flash{
    text-align: center;
    margin: 0 auto;
    width: 50em;
}

*+html .flash{
    width: auto;
}
.flash p{
    background-color: #FFF1A8;
    width: 50em;
    padding: 0.5em;
}
.alert{
    background-color: #FFF1A8;
}

.loading{
    background: image_url('new/ajax_loader_small.gif') 50% 50% no-repeat transparent;
}



/*
 * Global Pass/Fail colors
 */
.Passed{
    background-image: image_url('g9/backgrounds/bg_status_gradient.png');
    background-repeat: repeat-x;
    background-color: #78c42d;
}

.Failed{
    background-image: image_url('g9/backgrounds/bg_status_gradient.png');
    background-repeat: repeat-x;
    background-color: #fa2d2d;
}

.Failing {
    background-image: image_url('failing.png');
    background-repeat: repeat-x;
    background-color: #fa2d2d;
}
.Unknown{
    background: image_url('g9/backgrounds/bg_state_unknown.png') no-repeat right;
}

.Building,
.Active{
    background-image: image_url('building.png');
    background-repeat: repeat-x;
    background-color: #ffc11b;
}

.Cancelled {
    background-image: image_url('building.png');
    background-repeat: repeat-x;
    background-color: #ffc11b;
    text-align: center;
}

/**
 * Visualizations for pass/fail of a stage
 */
.color_code {
    width: 1em;
    height: 1em;
    margin-right: .5em;
    float: left;
    overflow: hidden;
}
.color_code_small {
    float:left;
    height:12px;
    width:12px;
    margin-right:5px;
    margin-top:0;
    overflow:hidden;
}
*+html .color_code_small{
    width: 1em;
    height: 1em;
}
*+html .color_code_small img{
    position: relative;
    top: -2px;
    left: 0
}
.color_code_stage {
    width: 36px;
    height: 12px;
    margin-right: 5px;
    float: left;
    overflow: visible;
}

/*
 * Application Navigation
 */
#application_logo {
  background-image: image_url('g9/logo_go.png');
  background-repeat: no-repeat;
  background-position: 0 4px;
  /*border-right: 1px solid rgba(255, 255, 255, 0.15);*/
  float:left;
  height: 35px;
/*  margin: 10px 5px 10px 12px;*/
  width: 114px;

}
.user a:hover{
    color:#ffffff;
}

/**
 * =Ported over from structure.css
 * NOTE: this looks like it's only being used currently by .vm files, so moving here
**/
#warn-container #warn-box,
#error-container #error-box,
#global-error-container  #global-error-box,
#global-warning-container  #global-warning-box,
#info-container #info-box,
#success-container #success-box {
    padding: 10px;
    padding-left: 36px;
    background: transparent image_url('g9/backgrounds/overlay_gradient_48px.png') 0 0 repeat-x;
}

#warn-container #warn-box a,
#error-container #error-box a,
#global-error-container  #global-error-box a,
#global-warning-container  #global-warning-box a,
#info-container #info-box a,
#success-container #success-box a{
  color: #87BDFF;

}


#content_titlebar .help {
    text-indent: -10000px;
    background: transparent image_url('buttons_sprites.png') no-repeat -320px top;
    width: 22px;
    height: 23px;
    margin: 0 0 0 0.8em;
    float: left;
}

.pipeline_history h2.entity_title,
.yui-b .Job h2.entity_title,
.job_details h1.entity_title,
#admin-page .Administration h2.entity_title,
.Server h2.entity_title,
#my-cruise-page .Preferences h2.entity_title {
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    margin: 0;
    border: 0;
    background-repeat: no-repeat;
    border: 0 none;
    color: #3D3D3D;
    font-size: 21px;
    padding:0;

}

.tristate {
    margin: 5px 0 3px 3px;
    padding-left: 19px;
    background-position: 1px 3px;
    background-repeat: no-repeat;
}

.tristate.add {
    background-image: image_url('tri-state-checkbox-checked.png');
}

.tristate.remove {
    background-image: image_url('tri-state-checkbox-empty.png');
}

.tristate.nochange {
    background-image: image_url('tri-state-checkbox-slash.png');
}



/*
 * Misc Pipeline stuff?
 */
.pipeline .stages .stage {
    float: left;
}


.stage_history .stage.selected {
    border: 1px solid #CCC;
}


/* Stage bars for pipeline groups/environments */


.pipeline .stages .stage_bar{
    min-height: 12px;
    max-height: 12px;
    margin-top: 10px;
    display: block;
    line-height: 12px;
    margin-right: 4px;
}
.pipeline .stages .last_run_stage {
    border-bottom: 5px solid #999;
    padding-bottom: .25em;
    margin-right: 4px;
}
.pipeline .stages .last_run_stage .stage_bar{
    margin-right: 0;
}


.pipeline_flow .pipeline .stages {
    width: 100%;
}
*+html #pipelines .pipeline_flow .stage_bar,
*+html #stages .pipeline_flow .stage_bar,{
    height: 1em;
}
.pipeline_flow .pipeline .stages .stage .stage_name{
    float: left;
}
.pipeline_flow .pipeline .stages .stage .operate{
    font-size: .75em;
    margin-left: .5em;
    float: left;
}
.pipeline_flow .pipeline .stages .stage .operate .stage_action{
    color: #CCC;
    position: relative;
    top: .0833em;
}
.pipeline_flow .pipeline .stages .selected .operate .stage_action{
    color: #666;
}


.smartfill_content {
    background-color: #FFF;
}
.smartfill_content li{
    display: block;
    cursor: pointer;
    padding: .25em;
    background-color: #FFF;
}
.smartfill_content li.selected{
    background-color: #FF9;
}

.enhanced_dropdown{
    background-color: #FFF;
    float: left;
    z-index: 2;
    position: absolute;
    top: auto;
    left: auto;
    /*max-height: 20em;*/
    /*width: 22em;*/
    border: 1px solid #8D8D8D;
}

.enhanced_dropdown .edit_panel {
    max-height: 16em;
    overflow-y: auto;
    border-bottom: 2px solid #000;
    padding: .5em;
}

.enhanced_dropdown .add_panel{
    padding: 1em 1em .5em 1em;
    border: 1px solid #D4D4D4;
}

.enhanced_dropdown .scrollable_panel input {

}

.enhanced_dropdown .loading {
    background: image_url("spinner.gif") 50% 50% no-repeat transparent;
    padding: 1em;
}

.enhanced_dropdown .error {
    background: image_url('g9/icons/error_small.png') 5px 62% no-repeat transparent;
    padding: 1em 1em 1em 2em;
    color: #FF3E44;
    border: 1px solid #D4D4D4;
}

.enhanced_dropdown,
.enhanced_dropdown .scrollable_panel {
    max-height: 17em;
    overflow: auto;
    border-bottom: 1px solid #8D8D8D;
    border-top: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    padding: 1em;
}

*+html .enhanced_dropdown,
*+html .enhanced_dropdown .scrollable_panel {
    height: expression(this.scrollHeight >  204 ? "17em" : "auto");
}
.enhanced_dropdown .scrollable_panel .selectors{

}

.overview_widget  {
    margin-bottom:15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}


.content_wrapper_inner{
    border: 0;
    background-color: #fff;
    padding: 15px;
/*    min-width: 1000px;*/
}



/*
 * Sub Tabs
 */
.sub_tabs_container {
    background: #999 image_url('g9/backgrounds/overlay_bottom_inside_shadow.png') bottom repeat-x !important;
    border: 0 !important;
    padding: 10px 10px 0 10px;
    margin-bottom: 10px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

.sub_tabs_container li{
    display: block;
    float: left;
    margin-right: 5px;
    padding: 0;
}

.sub_tabs_container .current_tab{
    background:none !important;
    position: relative;
}

.sub_tabs_container li a{
    font-size: 11px;
    padding: 7px 12px;
    display: block;
    border: 0 !important;
    background-color: #333;
    color: #fff;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.sub_tabs_container li a:hover{
    background-color: #555;
    color: #fff;
}


.sub_tabs_container li.current_tab a,
.sub_tabs_container li.current_tab a:hover{
    background-color: #fff;
    color: #000;
    font-weight: normal;
}




/*
 * Tables
 */
table{
    border-collapse: collapse;
}
.list_table {
    width: 100%;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 0 5px #bbb;
    -webkit-box-shadow: 0 0 5px #bbb;
    box-shadow: 0 0 5px #bbb;
}

.list_table th,
.list_table td {
    padding: 8px 10px 8px 10px;
}
.list_table td {
    border-bottom: 1px dotted #ddd;
}
.list_table th {
    border-bottom: 1px solid #ddd;
    background: #eee image_url('g9/backgrounds/overlay_gradient_th.png') repeat-x;
    white-space:nowrap;
}
.list_table th a {
    color: #333;
}

.list_table .Disabled {
    color: #999;
}

/* Sortable Table */

.sortable_table th a span {
    background-image: image_url('g9/icons/icon_sort_sortable.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 15px;
    display: inline-block;
}

.sortable_table th a span:hover {
    background-image: image_url('g9/icons/icon_sort_sortable_hover.png');
}

.sortable_table th a.sorted_asc span {
    background-image: image_url('g9/icons/icon_sorted_up.png');
}
.sortable_table th a.sorted_desc span {
    background-image: image_url('g9/icons/icon_sorted_down.png');
}

/* Selectable Table */
.selectable_table .selector {
    padding: 0;
    text-align: center;
}



.required .asterisk{
	color: #C00;
}


#MB_window {
  width: 760px !important;
}


#header:after,
#body:after,
#footer:after,
#content_titlebar:after,
#content_statusbar:after,
.content:after,
#header .pipeline_flow .pipeline:after,
.page_title_bar:after,
.content_wrapper_inner:after,
.content_wrapper_outer:after,
.overview_widget:after,
.pipeline_flow .pipeline .stages .stage .row1:after,
.sub_tabs_container:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

* html{
   #header,
   #body,
   #footer,
   #content_titlebar,
   #content_statusbar,
   .content,
   #header .pipeline_flow .pipeline,
   .page_title_bar,
   .content_wrapper_inner,
   .content_wrapper_outer,
   .overview_widget,
   .pipeline_flow .pipeline .stages .stage .row1,
   .sub_tabs_container,
   .content_wrapper_outer,
   .content_wrapper_inner,
   .pipelines, .pipeline_bundle,
   .entity_status_wrapper
  {
    display: inline-block;
    height: 1%;
  }
}


*+html #header,
*+html #body,
*+html #footer,
*+html #content_titlebar,
*+html #content_statusbar,
*+html .content,
*+html #header .pipeline_flow .pipeline,
*+html .page_title_bar,
*+html .content_wrapper_inner,
*+html .content_wrapper_outer,
*+html .overview_widget,
*+html .pipeline_flow .pipeline .stages .stage .row1,
*+html .sub_tabs_container,
*+html .content_wrapper_outer,
*+html .content_wrapper_inner,
*+html .pipelines, .pipeline_bundle,
*+html .entity_status_wrapper
{
	display: inline-block;
    height: 1%;
}
